<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部样式表 -->
    <style>
        /* 标签选择器 标签名{} 选择所有标签 */
div{
    width: 100px;
    height: 100px;
   background-color: red;
   /* 内容为css的声明块,声明块用分号隔开，属性和属性名用冒号分开 */
}
/* id选择器#id */
#one{
    background-color: blue;
    /* 字体大小 */
    font-size: 28px;
}
    </style>
</head>
<body>
    <!-- 标签通用属性：
    id：唯一标识一个元素
    class：表示一类元素
    style：内联样式（行内样式）给标签设置样式
    title：鼠标悬浮到标签上的文字说明
    -->
    <div id="one" class="first" style="width: 100px;height: 100px;"title="我是div的title">块级元素</div>
    <div>块级元素1</div>
    <div>块级元素2</div>
</body>
</html>